// 定义一个食物类
class Food {
	// 必须先声明实例属性，才能用this调用
	// 定义一个属性表示食物所对应的元素
	private element: HTMLElement;

	constructor() {
		// 获取页面中的food元素并将其赋值给element
		// 末尾加上叹号(非空断言)，表示id为food的元素必定存在（非空）
		this.element = document.getElementById('food')!;
	}

	// 定义一个获取食物X轴坐标的方法
	get X(): number {
		return this.element.offsetLeft;
	}

	// 定义一个获取食物y轴坐标的方法
	get Y(): number {
		return this.element.offsetTop;
	}

	// 修改食物的位置
	change() {
		// 生成一个随机的位置
		// 食物的位置最小是0 最大是290
		// 蛇移动一次就是一格，一格的大小就是10，所以就要求食物的坐标必须是整10

		const top = Math.floor(Math.random() * 30) * 10;
		const left = Math.floor(Math.random() * 30) * 10;

		this.element.style.top = top + 'px';
		this.element.style.left = left + 'px';
	}
}

export default Food;
